<template>
  <div class="kksb-one">
    <div class="kksb-one-a">
      <div class="kksb-one-aa">返回</div>
      <div class="kksb-one-aaa">空客识别</div>
      <div class="kksb-one-aaaa"></div>
    </div>
    <div class="kksb-two">
      <div class="kksb-two-a">南华期货</div>
      <div class="kksb-two-aa">南华期货股份有限公司苏州营业部</div>
    </div>
    <div class="kksb-three">
      <img
        src="../../assets/imgs/djl/zhizheng.png"
        alt=""
        class="kksb-three-a"
      />
    </div>
    <div class="kksb-four">
      <div class="kksb-four-a">
        <div class="kksb-four-aa">1</div>
        <div class="kksb-four-aaa">空壳指数</div>
      </div>
      <div class="kksb-four-a">
        <div class="kksb-four-aa">1</div>
        <div class="kksb-four-aaa">空壳等级</div>
      </div>
      <div class="kksb-four-a">
        <img src="../../assets/imgs/djl/gao.png" alt="" class="kksb-four-b" />
        <div class="kksb-four-aaa">空壳概率</div>
      </div>
    </div>
    <div class="kksb-five">
      该企业存在<span class="kksb-five-a">6</span
      >项异常特征,建议审慎审核对应企业
    </div>
    <div class="kksb-six">
      提示:以上数据为苏州企业征信基于公开数据深度分析成果，
      苏州企业征信不对数据的全面、准确、真实、时效负责。
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {},
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {};
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  created() {},
  mounted() {},
  destroy() {},
  /* 5. Vue方法 */
  methods: {},
};
</script>
<style scoped lang="scss">
.kksb-one {
  .kksb-one-a {
    display: flex;
    justify-content: space-between;
    height: 92px;
    border-bottom: 1px solid #ededed;
    .kksb-one-aa {
      margin: 61px 0 0 17px;
      width: 40px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
    }
    .kksb-one-aaaa {
      margin: 61px 17px 0 0;
      width: 40px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
    }
    .kksb-one-aaa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 17px;
      color: #000000;
      margin-top: 61px;
    }
  }
  .kksb-two {
    margin: 18px 0 0 12px;
    display: flex;
    .kksb-two-a {
      width: 37px;
      height: 37px;
      background: #d99d9a;
      border-radius: 4px;
      text-align: center;
      line-height: 37px;
      font-family: Alibaba PuHuiTi;
      font-weight: 500;
      font-size: 13px;
      color: #ffffff;
      line-height: 18px;
    }
    .kksb-two-aa {
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      font-size: 18px;
      color: #000000;
      margin-left: 6px;
    }
  }
  .kksb-three {
    width: 241px;
    margin: 0 auto;
    margin-top: 19px;
    height: 163px;
    background-image: url("../../assets/imgs/djl/yibiaopan.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    .kksb-three-a {
      width: 52px;
      height: 120px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .kksb-four{
    margin: 24px 30px 0 30px;
    height: 74px;
background: #F4F4F4;
border-radius: 15px;
display: flex;
.kksb-four-a{
  display: flex;
  flex-direction: column;
justify-content: center;
align-items: center;
  flex: 1;
  .kksb-four-b{
width: 23px;
height: 18px;
  }
  .kksb-four-aa{
    font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 25px;
color: #2C2C2C;
  }
  .kksb-four-aaa{
    font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 15px;
color: #2C2C2C;

  }

}
  }
  .kksb-five{
    height: 53px;
background: #FFF3F3;
border-radius: 9px;
margin: 13px 29px 0 29px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
color: #2C2C2C;
text-align: center;
line-height: 53px;
padding-left: 20px;
.kksb-five-a{
 color: #EB6F64;
  font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
}
  }
  .kksb-five::before{
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #EB6F64;
    top:57.2%;
    left: 39.8px;
    position: absolute;
  }
  .kksb-six{
    margin: 21px 20px 0 20px ;
    font-family: Alibaba PuHuiTi;
font-weight: 400;
font-size: 14px;
color: #989898;
  }
}
</style>
